// es6 模块化语法导入 react.js 和react-dom.js
import React from 'react';
import ReactDOM from 'react-dom/client';
// 全局的css 文件;
import './index.css';
// 引入根组件 
import App from './App';

//引入store 这个仓库
import store from './store3/index';
// 引入react-redux
import { Provider } from 'react-redux'

// 使用路由:
// BrowserRouter 表示h5/history模式路由组件
// HashRouter 表示 hash 模式路由组件
import { BrowserRouter as Router, HashRouter } from 'react-router-dom'


// 创建root 根实例
const root = ReactDOM.createRoot(document.getElementById('root'));
// 使用实例上的render 方法渲染节点

root.render(
  // 将store数据提供给后代的所有组件, 实现store数据的全局化
  <Provider store={store}>
    {/* 使用router 包裹根组件, 这样全局任意组件中都可以应用路由了  */}
    <Router>
      <App />
    </Router>
  </Provider>
);

